<template>
  <div class="login">
    <div>
      提示:模拟权限(管理员登录可访问所有路由，一般用户登录无法访问账单)
    </div>
    <div style="margin-top: 20px">
      <label>账号:</label>
      <input placeholder="不用输" type="text" />
    </div>
    <div style="margin-top: 20px">
      <label>密码:</label>
      <input placeholder="不用输" type="password" />
    </div>
    <div style="margin-top: 20px">
      <button @click="managerLogin">管理登录</button>
      <button style="margin-left: 50px" @click="userLogin">一般登录</button>
    </div>
  </div>
</template>

<script>
import {getManager,getOther} from '../api/request'
import {initDynamicRoutes} from '../router/index'
export default {

  methods:{
    async managerLogin(){
      let res=await getManager()
      if(res.status==200){
        //获取到登录信息
        console.log(res.data)
        //存入token
        localStorage.setItem('token','12333333')
        //调用保存路由
        this.$store.commit('setRightList',res.data.showMenu)
        //调用保存用户名
        this.$store.commit('setUsername',res.data.username)
        this.$message("登入成功!")
        //动态路由的方法
        initDynamicRoutes()
        this.$router.replace('/Home')
      }
      
    },
    async userLogin(){
      let res=await getOther()
      if(res.status==200){
        //获取到登录信息
        console.log(res.data)
        //存入token
        localStorage.setItem('token','12333333')
        //调用保存路由
        this.$store.commit('setRightList',res.data.showMenu)
        //调用保存用户名
        this.$store.commit('setUsername',res.data.username)
        this.$message("登入成功!")
        //动态路由的方法
        initDynamicRoutes()
        this.$router.replace('/Home')
      }
    }
    

  }
};
</script>
<style lang="scss" scoped>
 
.login{
   display:flex;
   width:100%;
   flex-direction:column;
   align-items: center;
 }
</style>
